<!--
 * @Author: zoey
 * @Date: 2023-05-08 15:08:43
 * @LastEditors: zoey
 * @LastEditTime: 2023-05-10 15:11:57
 * @Description: 请填写简介
-->
<template>
    <a-row>
        <a-col :span="12">
            <a-statistic title="使用内存" :value="valuex[0]" :value-style="{ color: '#000' }" style="margin-right: 50px">
                <template #suffix>
                    <span>MB</span>
                    <!-- <span>{{valuex}}</span> -->
                    <!-- <a-icon type="like" @click="addValue()" /> -->
                </template>
            </a-statistic>
        </a-col>
        <a-col :span="12">
            <a-statistic title="使用内存比例" :value="valuex[1]" :value-style="{ color: '#000' }" class="demo-class">
                <template #suffix>
                    <span> / 100</span>
                </template>
            </a-statistic>
        </a-col>
    </a-row>
</template>
<script>
    export default {
        data() {
            return {
                // 在子组件里不能使用父组件的值，应新定义newValues
                newValuex: this.valuex
            }
        },
        props: {
            valuex: Array
        },
        methods: {
            addValue() {
                // console.log('111');
                this.newValuex++;
            }
        }
    }
</script>